import "./css/Game.scss";
function Game() {
  return (
    <div className="Game">
      <div className="container">
        <div className="game">
          <div className="game-board">
            <h2>下一步由X执棋</h2>
            <div>
              <button className="square">X</button>
              <button className="square">X</button>
              <button className="square">X</button>
            </div>
            <div className="board-row">
              <button className="square">X</button>
              <button className="square">X</button>
              <button className="square">X</button>
            </div>
            <div className="board-row">
              <button className="square">X</button>
              <button className="square">X</button>
              <button className="square">X</button>
            </div>
          </div>
          <div className="game-info">
            <ol>
              <li>
                <button>跳转到最开始的位置</button>
              </li>
              <li>
                <button>跳转到第1步</button>
              </li>
              <li>
                <button>跳转到第2步</button>
              </li>
              <li>
                <button>跳转到第3步</button>
              </li>
            </ol>
          </div>
        </div>
      </div>
    </div>
  );
}

export default Game;
